<template>
  <div class="news">
    <Card style="width: 100%;height: 100%">
      <p slot="title">聊天</p>
        <List style="height: 350px;overflow-y: auto">
            <p style="font-size: 14px;width: 100%">2021-05-01 15:26:36</p>
            <p style="font-size: 20px;width: 100%">任务发布成功</p>
        </List>
      <Divider></Divider>
      <Input placeholder="聊天"></Input>
    </Card>
  </div>
</template>

<script>
  export default {
    name: "news",
    data(){
      return{
        chatList:{},
      }
    },
    mounted() {
      this.chatList = this.$route.params.chatList;
      console.log(this.chatList)
    }
  }
</script>

<style scoped>
  .news{
    width: 580px;
    height: 550px;
  }
</style>
